@cl-main: #408bff;

.g-flex-layout(@just: flex-start; @alin: center) {
  display: flex;
  justify-content: @just;
  align-items: @alin;
}

.g-pointer {
  cursor: pointer;
}

.g-link {
  cursor: pointer;
  color: #3c8afa;
}

.g-block-shadow {
  box-shadow: 0px 2px 4px 0px rgba(157, 169, 184, 0.2);
  border-radius: 4px;
}

.g-flex-row {
  .g-flex-layout(flex-start, center);
}

.g-flex-col {
  display: flex;
  flex-direction: column;
}

.g-flex-around {
  display: flex;
  justify-content: space-around;
}

.g-flex-between {
  .g-flex-layout(space-between, center);
}

// 溢出省略
.g-text-hidden {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
}

.g-text-hidden-2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.g-text-right {
  text-align: right;
}
/** margin-top **/
.mt10 {
  margin-top: 10px;
}

.mt15 {
  margin-top: 15px;
}

.mt20 {
  margin-top: 20px;
}

.mb15 {
  margin-bottom: 15px;
}

/** margin-left **/
.ml10 {
  margin-left: 10px;
}
.mr10 {
  margin-right: 10px;
}

.ml20 {
  margin-left: 20px;
}

.ml15 {
  margin-left: 15px;
}
.w100p {
  width: 100%;
}
.w180 {
  width: 180px;
}

.w220 {
  width: 220px;
}
.ft14 {
  font-size: 14px;
}
.ft20 {
  font-size: 20px;
}

.fl-666 {
  color: #666;
}
.fl-888 {
  color: #888;
}

.bd-radius-8 {
  border-radius: 8px;
}
.fw-bold {
  font-weight: bold;
}
// 隐藏数字输入框的箭头icon
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none !important;
}

// 重置antd
.ant-input-number-handler-wrap {
  display: none !important;
}

// 看板卡片
.g-card-list {
  .g-flex-layout(flex-start; center);

  .g-card-list-item {
    .g-flex-layout(center; center);
    flex-direction: column;
    flex: 1;
    margin-right: 18px;
    padding: 12px 15px;
    max-width: 152px;
    height: 100px;
    background: #ffffff;
    border: 1px solid #e8e8e8;
    box-shadow: 0px 12px 12px 0px rgba(123, 126, 131, 0.09);
    border-radius: 8px;
    color: #ffffff;
    background: linear-gradient(-90deg, #47b0f9, #2e72ff);
    cursor: pointer;

    .value {
      color: #fff;
      font-weight: bold;
      font-size: 24px;
    }

    &:hover {
      border: 1px solid #47b0f9;
    }
  }
}